body{
    background-color: #eaedf4;
    color: #666f7b;
    padding-top: 60px;
    padding-left: 120px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    font-size: 14px;
}
.i-global{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/i.png?v=20160808) no-repeat;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
}
li{list-style:none;}
a{ color: #666f7b;}a:hover, a:focus{ color: #3598db; text-decoration: none;}
.f-samp{ color: red;}
.mb0{ margin-bottom: 0!important;}
.pad-tb-50{ padding-top: 50px; padding-bottom: 50px;}
.clearfix:before, .clearfix:after{ content: " "; display: table;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom: 1;}
.data-main{ min-width: 1130px;}
.fn-mr-15{ margin-left: 5px;}.fn-ml-15{ margin-left: 15px;}.fn-ml-20{ margin-left: 20px;}.fn-ml-10{ margin-left: 10px;}.fn-mr-5{ margin-right: 5px;}.fn-mr-10{ margin-right: 10px;}.fn-mt-30{margin-top:30px;}
.form-control{ resize: none;}
.page-header{ background-color: #fff; margin: -20px -15px 20px; padding: 15px;}
.page-header h3, .page-header h4, .page-header h5{ margin: 5px 0;}
.btn.hide{ display: none;}
.glyphicons{ top: -1px;}.filter-hd-i .glyphicons{ color: #aaa; font-size: 14px;}
.form-group .control-label{ padding-right: 0!important;}
.iframe-body{ background-color: #fff; padding: 20px;}
/*+++++ css设置滚动条样式 +++++*/
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-track{ background: #c4ddee;}
::-webkit-scrollbar-thumb{ background: #41a4e7; box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px;}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0, 0, 0, 0);}
/* head nav */
.head-nav{ background: #3598db; margin-bottom: 0;}
.head-nav .nav>li>a{ color: #9bccee; height: 60px; line-height: 30px;}
.head-nav .nav .open>a, .head-nav .nav .open>a:focus, .head-nav .nav .open>a:hover{ border-color: transparent;}
.navbar-brand{
    background: url(../images/logo.png) no-repeat 0 20px;
    color: #fff;
    width: 300px;
    /*height: 27px;*/
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
    /*margin-top: 15px;*/
    padding-left:60px;
    margin-right: 30px;
    background-size:55px;
    margin-left: 0!important;
}
.navbar-brand:hover{ color: #b8e1fe;}
.provider-list .dropdown-menu{ color: #9bccee;}
.head-nav .dropdown .dropdown-toggle{
    background: #7cbbe6;
    color: #fff;
    width: 170px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    box-shadow: 0 2px 0 #3598db;
    cursor: pointer;
    position: relative;
    margin-top: 15px;
}
.head-nav .dropdown .dropdown-toggle:hover,
.head-nav .nav .open.dropdown .dropdown-toggle{
    background: #74b3de;
    box-shadow: 0 2px 0 #3598db;
    color: #fff;
}
.head-nav .dropdown-menu{ background: #3598db; border-color: #3598db;}
.head-nav .dropdown-menu>li>a{ color: #9bccee;}
.provider-list .caret{ position: absolute; top: 15px; right: 15px;}
.head-nav .nav>li>a:focus, .head-nav .nav>li>a:hover,
.head-nav .nav .open>a, .head-nav .nav .open>a:focus, .head-nav .nav .open>a:hover,
.head-nav .dropdown-menu>li>a:focus, .head-nav .dropdown-menu>li>a:hover{ background-color: #318fcf; color: #c9e8fe;}
.head-nav .dropdown-menu>li>a{ padding-top: 5px; padding-bottom: 5px;}
.caret{
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear;
}
.open .caret{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.head-nav .i-global{ width: 16px; height: 16px; margin-right: 6px;}
.i-phone{ background-position: -240px 0;}
.head-nav .nav>li>a:hover .i-phone{ background-position: -240px -20px;}
.i-product{ background-position: -260px 0;}
.head-nav .nav>li>a:hover .i-product{ background-position: -260px -20px;}
.i-support{ background-position: -280px 0;}
.head-nav .nav>li>a:hover .i-support{ background-position: -280px -20px;}
/* sidebar */
.sidebar{
    background: #fff;
    border-right: 1px #d7dbe4 solid;
    box-shadow: 1px 0 4px #dee4f1;
    width: 120px;
    padding: 15px 0;
    zoom: 1;
    position: fixed;
    left: 0;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    overflow-y: auto;
}
.nav-sidebar li{ margin-bottom: 10px;}
.nav-sidebar li a{
    background: #fff;
    border-left: 4px solid transparent;
    color: #3598db;
    width: 66px;
    height: 58px;
    line-height: 58px;
}
.nav-sidebar li a:hover{ box-shadow: 2px 0 4px #dee4f1;}
.nav-sidebar li a:hover,
.nav-sidebar li.active a,
.nav-sidebar li.active a:hover,
.nav-sidebar li.active a:focus{ background: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.nav-sidebar li.active a,
.nav-sidebar li.active a:hover,
.nav-sidebar li.active a:focus{ border-left-color: #3598db;}
.nav-sidebar li a span{
    color: #3598db;
    text-align: left;
    width: 70px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    right: 58px;
}
.nav-sidebar .i-global{ position: absolute; right: 16px; top: 11px;}
.i-side-1{ right: 14px!important;}
.nav-sidebar li a:hover .i-side-1, .nav-sidebar li.active a .i-side-1{ background-position: 0 -40px;}
.i-side-2{ background-position: -40px 0;}
.nav-sidebar li a:hover .i-side-2, .nav-sidebar li.active a .i-side-2{ background-position: -40px -40px;}
.i-side-3{ background-position: -80px 0;}
.nav-sidebar li a:hover .i-side-3, .nav-sidebar li.active a .i-side-3{ background-position: -80px -40px;}
.i-side-4{ background-position: -120px 0;}
.nav-sidebar li a:hover .i-side-4, .nav-sidebar li.active a .i-side-4{ background-position: -120px -40px;}
/*+++++ page-nav +++++*/
.page-nav{
    background: #fff;
    color: #8a8e94;
    border-bottom: 1px solid #dce0e8;
    box-shadow: 0 1px 2px #e6e9ec;
    height: 35px;
    padding: 0 10px;
    left: 70px;
    right: 0;
    top: 60px;
    position: fixed;
    z-index: 999;
}
.page-name, .page-nav a{
    display: block;
    line-height: 33px;
    padding: 0 15px;
    margin-right: 2px;
    float: left;
}
.page-name{
    border-right: 1px solid #ccc;
    line-height: 35px;
    padding-left: 5px;
    margin-right: 25px;
    position: relative;
}
.page-name:before, .page-name:after{
    content: '';
    border-left: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    width: 0;
    height: 0;
    top: 10px;
    position: absolute;
}
.page-name:before{ border-left-color: #fff; right: -6px; z-index: 3;}
.page-name:after{ border-left-color: #aaa; right: -7px; z-index: 1;}
.page-nav a{ border-bottom: 3px solid transparent; color: #8a8e94;}
.page-nav .navbar-nav>li>a{ padding: 0 15px; line-height: 33px; float: none;}
.page-nav a.active, .page-nav a:hover, .page-nav a:focus,
.page-nav .navbar-nav>li>a:hover,
.page-nav .navbar-nav>li>a:focus{
    background-color: transparent;
    border-bottom-color: #3598db;
    color: #3598db;
    text-decoration: none;
}
.page-nav .dropdown-menu>li>a{ border: 0; float: none; padding: 5px 15px;}
.page-nav .dropdown-menu>li>a:hover, .page-nav .dropdown-menu>li>a:focus{}
/* container */
.data-main{ margin-top: 20px;}
.panel{ box-shadow: 0 1px 1px #dde1e9;}
.panel-default { border-color: #e4e7ef;}
.panel-default>.panel-heading{
    background-color: #fff;
    border-bottom-color: #d7dbe4;
    padding: 10px;
    position: relative;
}
h4.panel-title{ height: 30px; line-height: 30px;}
.tooltip-inner{ text-align: left;}
.fixed-table-container tbody .selected td{ background-color: #FFFFEA;}
/*+++++ search-panel +++++*/
.search-panel .dropdown-menu{
    border-top-color: #5cb85c;
    width: 400px;
    left: auto;
    right: 0;
    margin-top: 0;
}
.search-panel .form-group{ margin-left: 0; margin-right: 0;}
.search-panel .date-picker{ border-left: 0; padding-left: 0; float: none;}
.search-panel .date-picker .form-control{ background-position: 96% 8px;}
.search-panel .date-picker .form-control:focus{ background-position: 96% -12px;}
.search-panel .date-picker .form-control, .search-panel .date-picker .form-control:focus{
    border: 1px #ccc solid;
    padding-left: 12px;
    padding-right: 18px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/*+++++ nav-tabs +++++*/
.nav-tabs{
    background: #f2f3f5;
    background: -moz-linear-gradient(top, #fbfbfb 50%, #f2f3f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fbfbfb), color-stop(100%,#f2f3f5));
    background: -webkit-linear-gradient(top, #fbfbfb 50%,#f2f3f5 100%);
    background: -o-linear-gradient(top, #fbfbfb 50%,#f2f3f5 100%);
    background: -ms-linear-gradient(top, #fbfbfb 50%,#f2f3f5 100%);
    background: linear-gradient(to bottom, #fbfbfb 50%,#f2f3f5 100%);
}
.nav-tabs>li>a{ padding-top: 15px!important;}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover{ background-color: #fbfbfb;}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover{ border: 1px solid #d7dbe4;}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover{ background-color: #fff; border-bottom-color: #fff;}
.nav-tabs.nav-justified>li>a{ border-radius: 0; color: #666f7b; font-size: 16px;}
.nav-tabs.nav-justified>li:first-child.active>a,
.nav-tabs.nav-justified>li:first-child>a:hover{ border-left-color: transparent; border-top-color: transparent;}
.nav-tabs.nav-justified>li:last-child>a,
.nav-tabs.nav-justified>li:last-child.active>a{ border-right-color: transparent; border-top-color: transparent;}
/*+++++ filter-panel +++++*/
.filter-panel{
    height: 34px;
    right: 15px;
    top: 60px;
    position: fixed;
    z-index: 1002;
}
.date-picker{
    border-left: 1px solid #e0e4ea;
    padding-left: 10px;
    float: right;
    position: relative;
}
.date-picker-inner{ position: relative; height: 34px;}
.date-picker .form-control{
    background: #fff url(../images/i_c.png) 100% 9px no-repeat;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 12px 0 22px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
}
.date-picker .form-control:focus{
    background-position: 100% -11px;
    border-color:transparent;
    outline:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.date-picker .form-control[disabled], .date-picker .form-control[readonly]{ background-color: #fff; opacity: 1;}
.daterangepicker.dropdown-menu{ box-shadow: 0 3px 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);}
.daterangepicker .btn{ margin-left: 10px; padding-left: 20px; padding-right: 20px;}
.daterangepicker .btn-primary { color: #fff; background-color: #3598db; border-color: #3598db;}
.daterangepicker .btn-primary:focus,.btn-primary:hover{ color: #fff; background-color: #197fc4; border-color: #197fc4;}
.i-calendar{ background-position: -300px 0; width: 16px; height: 16px;}
.date-picker-inner .i-calendar{ top: 9px; left: 0; position: absolute;}
.td-inner-tx{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* pagination */
.custom-select{
    display: inline-block;
    height: 34px;
    vertical-align: middle;
    margin: 0 5px;
}
.custom-select .form-control{
    display: inline-block;
    width: 80px;
    padding-left: 5px;
}
.pagination a{
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination a:hover{ background-color: #f9f9f9; color: #333;}
.pagination a:focus, .pagination a.active, .pagination a.active:hover{ background-color: #3598db!important; color: #fff;}
.pagination a.active, .pagination a.active:hover{ cursor: default;}
.pagination a:first-child{ border-radius: 5px 0 0 5px;}
.pagination a:last-child{ border-radius: 0 5px 5px 0;}
/* smartMenu */
.smart_menu_box{display:none; width:160px; position:absolute; z-index:201105;}
.smart_menu_body{padding:1px; border:1px solid #B8CBCB; background-color:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.smart_menu_ul{margin:0; padding:0; list-style-type:none;}
.smart_menu_li{position:relative;}
.smart_menu_a{display:block; height:28px; line-height:27px; padding:0 5px 0 25px; color:#000; font-size:12px; text-decoration:none; overflow:hidden;}
.smart_menu_a:hover, .smart_menu_a_hover{background-color:#3598db; color:#fff; text-decoration:none;}
.smart_menu_li_separate{line-height:0; margin:3px; border-bottom:1px solid #B8CBCB; font-size:0;}
.smart_menu_triangle{width:0; height:0; border:5px dashed transparent; border-left:5px solid #666; overflow:hidden; position:absolute; top:7px; right:5px;}
.smart_menu_a:hover .smart_menu_triangle, .smart_menu_a_hover .smart_menu_triangle{border-left-color:#fff;}
.smart_menu_li_hover .smart_menu_box{top:-1px; left:130px;}
